$w:75;
@function rem($n) {
    @return($n/$w)+rem
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    zoom: 1.000001;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

header,
footer,
article,
section,
nav,
menu,
hgroup {
    display: block;
    clear: all;
}

html {
    font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
    -ms-text-size-adjust: auto;
    -webkit-text-size-adjust: auto;
    height:100%;
}

body {
    margin: 0;
    color: #fff;
    -webkit-overflow-scrolling: touch;
    height:100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

a {
    background: transparent;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: auto;
}

a:active {
    outline: 0;
}

img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

a,
img,
input {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    outline: none;
    border: 0;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #cccccc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #cccccc;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #cccccc;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 rem(2);
    padding: 0.35em 0.625em 0.75em;
}

textarea {
    overflow: auto;
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

ul,
li,
ol {
    list-style-type: none;
}

.left {
    float: left
}

.right {
    float: right
}


/* float */

.clearfix:after {
    content: "";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clear {
    clear: both;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    outline: none;
}

body {
    background: #f2f2f2;
}

.btn {
    cursor: pointer;
}


/*icon*/

.icon {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}
.banner{
    height: rem(88);
    background: #f4606f;
    text-align: center;
    line-height: rem(88);
    pointer: relative;
}
.tit{
    font-size: rem(40);
    color: #fff;
}
.my{
    width: rem(30);
    height: rem(43);
    background: url(../images/user.png) no-repeat 0 0/100%;
    position:absolute;
    left: rem(16);
    top: rem(22)
}
.courier{
    width: rem(63);
    height: rem(58);
    background: url(../images/courier.png) no-repeat 0 0/100%;
    position:absolute;
    right: rem(16);
    top: rem(16)
}
.swiper-pagination-bullet{
    width: rem(20);
    height: rem(20);
    opacity: 0.4;
}
.swiper-pagination-bullet-active{
    background: #f56073;
    opacity: 1;
}
.classify{
    width: 100%;
    background: #fff;
    padding-bottom: rem(25);
    margin-bottom: rem(24);
}
.classify li{
    display:inline-block;
    width: 32%;
    text-align: center;
}
.classify li img{
    display: block;
    width: rem(130);
    height: rem(130);
    margin: rem(25) auto;
}
.classify li span{
    font-size: rem(24);
    color: #333;
}
.classify li:first-child span{
    color: #9bcd31;
}
.classify li:nth-child(2) span{
    color: #cd6698;
}
.classify li:last-child span{
    color: #fb6460;
}
.discount{
    text-align: center;
    padding: 0 rem(16);
    background: #fff;
    margin-bottom: rem(24);
}
.discount-num{
    background: url(../images/new-user.png) no-repeat center center/100%;
    font-family: '方正准圆简体';
    font-size: rem(66);
    height: rem(233);
    line-height: rem(260);
}
.optimization{
    padding: rem(32) rem(16);
    background:#fff;
}
.optimization-tit{
    border-left: 20px solid #fa635f;
    font-size: rem(34);
    color: #fa635f;
    padding-left: rem(20);
}
.optimization-img{
    // height:rem(183);
    width: 100%;
    margin: rem(26) auto;
}
.footer{
    height: rem(130);
    background: #fff;
    border-top: 1px solid #efefef;
    position:fixed;
    width: 100%;
    left:0;
    bottom: 0;
}
.footer ul li{
    width: 32%;
    text-align: center;
    display: inline-block;
}
.footer ul li a{
    width: 100%;
    text-align: center;
    display: inline-block;
}
.footer li.on .name{
    color: #fb615f;
}
.footer li.on .home{
    background-image: url(../images/home_on.png);
}
.footer li i{
    display: block;
    margin: rem(24) auto rem(10);
}
.home{
    width: rem(62);
    height: rem(56);
    background: url(../images/home.png) no-repeat 0 0/100%;
}
.name{
    font-size: rem(24);
    color: #999;
}
.kuaidi{
    width: rem(63);
    height: rem(58);
    background: url(../images/kuaidi.png) no-repeat 0 0/100%;
}
.mine{
    width: rem(63);
    height: rem(58);
    background: url(../images/my.png) no-repeat 0 0/100%;
}
.footer li.on .kuaidi{
    background-image: url(../images/kuaidi_on.png);
}
.footer li.on .mine{
    background-image: url(../images/my_on.png);
}
.optimization-list{
    // padding: 0 rem(10);
}
.optimization-list li{
    width: 49.5%;
    display: inline-block;
}
.optimization-list img{
    width:rem(293);
    height: rem(295);
    margin: 0 auto;
    display: block;
}
.fruit-name{
    font-size: rem(30);
    color: #333;
}
.fruit-num{
    font-size: rem(24);
    color: #999;
    padding: rem(14) 0;
    display:block
}
.fruit-price{
    font-size: rem(30);
    color: #fb615f;
}
.old-price{
    font-size: rem(24);
    color: #999;
    text-decoration: line-through;
    padding-left: rem(18);
}
.pop-common{
    position: fixed;
    left: 0;
    top: 0;
    width:rem(500);
    height:100%;
    background: rgba(255,255,255,0.88);
    z-index:10;
    display: none;
}
.pop-main{
    height:100%;
}
.pop-list{
    margin: rem(50) rem(20) 0 rem(20);
    font-size: rem(24);
    color: #666;
    height:calc(100% - #{rem(100)});
    overflow:auto
}
.pop-list h1{
    color: #f46070;
    padding-top: rem(36);
}
.border{
    width: rem(332);
    height: 1px;
    background: #f46070;
    display: inline-block;
    margin-left: rem(12);
    vertical-align: middle;
}
.third-fl span{
    padding: rem(12) rem(24);
    border: 1px solid #666;
    border-radius: rem(50);
    display:inline-block;
    margin: rem(24) rem(4) 0;
}
.third-fl span.on{
    background: #f46070;
    color: #fff;
    border-color: #f46070;
}
.close{
    position: absolute;
    top: rem(18);
    right: rem(20);
    display:block;
    width: rem(40);
    height: rem(40);
    background: url(../images/close1.png) no-repeat 0 0/100%;;
}
.close-2{
    top: rem(308);
    right: rem(50);
}
.mine-header{
    height: rem(210);
    background: url(../images/background.png) no-repeat center/100%;
    width: 100%;
    text-align: center;
}
.mine-tit{
    font-size: rem(40);
    color: #fff;
    padding-top: rem(26)
}
.msg{
    height: rem(210);
    background: url(../images/background.png) no-repeat center/100%;
    width: 100%;
    text-align: center;
    padding-top: rem(167);
    margin-bottom:rem(230);
}
.my-message{
    width: rem(688);
    height: rem(305);
    background: #fff;
    border-radius:rem(20);
    margin: rem(-120) auto;
}
.vip{
    width: rem(139);
    height: rem(142);
    margin: rem(26) 0 0 rem(26);
}
.my-msg{
    display: inline-block;
    vertical-align: top;
    padding-left: rem(26);
}
.my-message p {
    font-size: rem(30);
    color:#999;
    padding-top: rem(15);
}
.my-message input, .my-message textarea{
    color: #666;
    font-size: rem(30);
    border: 0;
    width: rem(380);
    vertical-align: top;
}
.my-con{
    border-bottom: 1px solid #999;
    position: relative;
    padding-bottom: rem(30);
}
.my-message .address, .address{
    background:url(../images/location.png) no-repeat center/100%;
    width:rem(23);
    height:rem(40);
    margin: 0 rem(16);
}
.btn-edit{
    width:rem(362);
    text-align: center;
    height: rem(56);
    line-height: rem(56);
    background: #f4606f;
    border: 0;
    border-radius: rem(10);
    font-size: rem(30);
    color: #fff;
    margin: rem(132) auto;
    display:block;
}
.order-msg{
    background: #fff;
    font-size: rem(24);
    color: #333;
    padding: rem(20) rem(16);
}
.order{
    width: rem(24);
    height: rem(24);
    background:url(../images/order.png) no-repeat 0 0/contain;
}
.order-msg em{
    font-style: normal;
}
.order-msg .time{
    color: #f4606f;
}
.state{
    color: #f4606f;
    position:absolute;
    right: rem(16);
}
.order-con{
    padding:rem(12) 0 0;
}
.shop-img{
    width: rem(151);
    height: rem(151);
    margin-left: rem(16);
}
.order-text{
    display:inline-block;
    width: rem(553);
    padding-left: rem(16);
    vertical-align: top;
    position: relative;
}
.order-text h2{
    font-size:rem(24);
    color: #333;
}
.n-price{
    display:block;
    font-size: rem(24);
    color: #f4606f;
    padding: rem(30) 0 rem(10);
}
.o-price{
    font-size: rem(24);
    color: #999;
    text-decoration: line-through;
}
.discount-p, .all{
    border-bottom: 1px solid #efefef;
    height: rem(74);
    line-height: rem(74);
    font-style: rem(24);
    color: #666;
    padding: 0 rem(16);
    background: #fff;
}
.discount-p span{
    float: right;
}
.all{
    text-align: right;
}
.all span:first-child{
    padding-right: rem(20);
}
.all i{
    font-style: normal;
}
.price-all{
    color: #f4606f;
}
.btn-div {
    text-align: right;
    background: #fff;
    height:rem(104);
    line-height:rem(104)
}
.btn-div a, .pop-btn a{
    display: inline-block;
    width:rem(120);
    height: rem(50);
    line-height: rem(50);
    text-align: center;
    font-size:rem(24);
    border-radius:rem(10);
    margin-right: rem(16)
}
.cancel{
    border: 1px solid #999;
    color: #999;
}
.qiuit, .signfor{
    color:#fff;
    background:#f4606f;
}
.order-list li{
    margin-bottom: rem(20);
}
.swiper-slide a img{
    width:100%;
}
.my-message .red-page{
    width: rem(147);
    height: rem(131);
    position:absolute;
    top: rem(30);
    right:rem(-2);
    background: url(../images/page.png) no-repeat center/100%;;
    color: #fff;
    font-size: rem(16);
    padding-top: rem(55);
    padding-left: rem(6);
}
.my-message .red-page span:first-child{
    border-bottom: 2px solid #fff;
    display:block;
    width: rem(100);
    padding-bottom: rem(3)
}
.red-page .page-num{
    color: #fffd80;
    font-size: rem(24);
}
.yx{
    //color: #fffd80;
}
.red-page i{
    font-style: normal;
}
.courier-header{
    height:rem(100);
    background:url(../images/bg_courier.png) no-repeat center/100%;
    text-align: center;
}
.time-tab{
    height: rem(107);
    line-height: rem(102);
    background: #fff;
    border-bottom: 2px solid #efefef;
}
.time-tab li{
    font-size: rem(30);
    color: #333;
    width: 100%;
    text-align: center;
    display: inline-block;
    border-bottom: 5px solid transparent;
}
.time-tab li.on{
    border-bottom: 5px solid #f4606f;
}
.time-chose{
    padding:0 rem(42);
    background: #fff;
    margin-bottom: rem(20)
}
.time-chose p{
    padding: rem(54) 0 rem(24);
    font-size: rem(30);
    color: #999;
    border-bottom: 1px solid #efefef;
    position: relative;
}
.time-chose p span{
    position: absolute;
    right: rem(42);
}
.btn-search{
    background: #f4606f;
    font-size: rem(30);
    color: #fff;
    width: rem(694);
    text-align: center;
    height: rem(74);
    line-height: rem(74);
    border-radius: rem(15);
    margin: rem(38) auto;
}
.search-result{
    background: #fff;
    margin-bottom: rem(20);
}
.result-tit{
    font-size: rem(30);
    color: #333;
    padding: rem(24) 0 rem(24) rem(16);
    border-bottom: 1px solid #efefef;
}
.result-list li{
    width: 32%;
    display:inline-block;
    padding: rem(28) 0 rem(24);
    text-align:center;
    position:relative;
}
.result-list li:before{
    content: '';
    display: block;
    border-right: 1px solid #e5e5e5;
    height: rem(60);
    position:absolute;
    right:0;
    top: rem(50);
}
.result-list li.on .num{
    color: #f4606f;
}
.num{
    font-size: rem(30);
    color: #333;
}
.result-list li.on .text{
    color: #f4606f;
}
.text{
    font-size: rem(24);
    color: #999;
    padding-top: rem(28);
    display:block;
}
.shop-num{
    font-size: rem(24);
    color: #f4606f;
    position: absolute;
    right: rem(16);
    bottom: rem(42);
}
.discount-p-2{
    border-bottom: 0;
    padding: rem(28) rem(16);
    background: #fff;
    font-size: rem(24);
    color: #666;
}
.discount-p-2 span{
    float: right;
    font-size: rem(24);
    color: #333;
}
.buyer{
    background: #fff;
    font-size: rem(24);
    color: #666;
    padding: rem(28) rem(16);
    border-bottom: 1px solid #efefef;
}
.tel{
    font-style: normal;
    color: #f4606f;
    font-size: rem(30);
    padding: rem(30);
}
.buy-address{
    padding-top: rem(28);
    width:rem(670);
    font-size: rem(24);
}
.btn-div-2{
    border-bottom: 1px solid #efefef;
}
.order-list-2 li{
    margin-bottom: 0;
}
.time-chose input{
    float:right;
    border: 0;
    font-size: rem(30);
    color: #333;
    text-align: right;
    height:rem(50);
}
.inform{
    width:rem(180);
    height: rem(180);
    margin: rem(188) auto;
    display: block;
}
.tip{
    font-size: rem(30);
    color: #666;
    text-align: center;
    padding-top: rem(99);
}
.d-pic1{
    width: 100%;
}
.detail-msg{
    padding: rem(28) rem(16) rem(42);
    background: #fff;
    margin-bottom: rem(24);
}
.detail-msg h1{
    font-size: rem(36);
    color: #000;
}
.detail-num{
    font-size: rem(20);
    color: #999;
    padding: rem(16) 0 rem(40);
}
.detail-num-2{
    color: #f4606f;
}
.price{
    font-size: rem(38);
    color: #f4606f;
}
.price-con{
    position: relative;
}
.price .old-p{
    font-size: rem(16);
    color: #999;
    padding-left: rem(30);
    text-decoration: line-through;
}
.cd{
    font-size: rem(30);
    color: #999;
    position: absolute;
    right: rem(-10);
    top:rem(-50);
}
.cd span{
    color: #333
}
.kc{
    margin-bottom: rem(24);
    color: #333;
}
.kc, .detail-address{
    padding: rem(42) 0 rem(42) rem(16);
    background: #fff;
    font-size: rem(30);
}
.kc span{
    padding-left: rem(60);
    color: #999;
}
.detail-address{
    color: #999;
    margin-bottom: rem(24);
}
.detail-address p span{
    padding-left: rem(36);
    color: #333;
}
.address-tip{
    padding-top: rem(10);
    color: #f4606f;
}
.address-tip span{
    color: #999;
}
.d-2{
    width: 100%;
}
.detail-btn{
    background: #fff;
    height: rem(100);
    line-height: rem(100);
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
}
.img-shop{
    padding-bottom:rem(100);
}
.detail-btn span{
    font-size: rem(30);
    color: #999;
    padding: 0 rem(30) 0 rem(40);
}
.detail-btn span i{
    font-size: rem(64);
    color: #f4606f;
    font-style: normal;
}
.detail-btn a{
    display:block;
    float:right;
    width: 50%;
    text-align: center;
    height: rem(100);
    line-height: rem(100);
    font-size: rem(36);
    color: #fff;
    background: #f4606f;
}
.scroll-box{
    height: rem(600);
    overflow: auto;
}
.body-padding{
    height: calc(100% - #{rem(130)});
}
#iscrollWrapper{
    height: 100%;
}
#pullDown, #pullUp{
    font-size: rem(24);
}
.iscrollWrapper-mine{
    //height: calc(100% - #{rem(30)})!important;
}
.pop-yhq, .pop-tc{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.5)
}
.pop-buy{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.5);
    top:0;
}
.pop-mask{
    width: rem(555);
    height: rem(524);
    background:url(../images/succeed.png) no-repeat center/100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
}
.pop-mask p{
    font-size: rem(100);
    color: #f9ef36;
    position: absolute;
    left: rem(238);
    bottom: rem(206);
}
.WdateDiv{
    width: rem(500);
}
.back{
    font-size: rem(30);
    color: #fff;
    position: fixed;
    left: rem(30);
    top: rem(10);
    background: #f4606f;
    border-radius: rem(15);
    padding:rem(5) rem(10);
}
.radio-div{
    background: #fff;
    text-align: center;
    width: rem(420);
    padding: rem(30) rem(10);
}
.radio-div .tips{
    font-size: rem(24);
    color: #999;
    display: block;
    padding: 0.1rem 0.2rem 0;
    text-align: left;
}
.radio-div a{
    background: #ccc;
    padding: rem(10) rem(30);
    border-radius: rem(10);
    color: #fff;
    font-size: rem(28);
    display: inline-block;
    margin-right: rem(20);
    margin-top: rem(30);
}
.radio-div a.sure{
    background: #f4606f;
}
.radio-div p{
    font-size: rem(34);
    color:#666;
    margin-top:rem(30);
    text-align: left;
    padding-left:rem(20);
}
.radio-div p span{
    color: #f4606f;
    font-size: rem(26);
    padding-left:rem(10);
}
.radio-div input{
    width: rem(30);
    height: rem(30);
    vertical-align:middle;
}
.radio-div{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.time-chose input, .time-chose p button {
  height: rem(90);
  width: rem(500);
  font-size: 0.4rem;
  padding-left: 0.13333rem;
  border: 0;
  text-align: right;}
.time-chose p button{
  background: transparent;
}
#sdate, .begin {
  position: absolute;
  right: 0;
  top: rem(15); }

#edate, .end {
  position: absolute;
  right: 0;
  top: rem(15); }
.toast{
    width: rem(300);
    padding:rem(50);
    position: fixed;
    left: 50%;
    top: 50%;
    transform:translate(-50%, -50%);
    background: rgba(0,0,0,.6);
    border-radius:rem(10);
    font-size:rem(30);
    display:none;
}
.click-toast{
    font-size:rem(32);
    color: #666;
}
.padding-left{
    margin-left:rem(-25);
}
.pop-btn{
    background: #fff;
    border-radius: rem(20);
    width: 50%;
    text-align: center;
    height: rem(200);
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    padding-top:rem(35);
    min-width:rem(500);
    min-height:rem(500);
}
.pop-btn p{
    font-size: rem(48);
    color: #666;
    padding-bottom:rem(90);
    padding-top:rem(130);
}
.pop-btn a{
    font-size: rem(38);
    width: rem(150);
    height: rem(80);
    line-height: rem(80);
}
.price-tips{
    font-size: rem(14);
    color: #666;
}
.price-tips p{
    padding-top:rem(10);
}